<script lang="ts" setup>
import Container from '../components/Container.vue';
import Fairness from './Fairness';
import GamePicker from './GamePicker.vue';

const showSheet = ref(false);
</script>

<template>
  <Container :title="$t('is5MZve96MfDYpRyaFcAs')">
    <h2 class="font-medium !text-sys-text-body">
      {{ $t('zQfkOQfqezj1l2vBna94o') }}
    </h2>
    <GamePicker v-model:show="showSheet">
      <template #default="{ active }">
        <Fairness :game="active?.value" />
      </template>
    </GamePicker>
  </Container>
</template>
